<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Product</title>
  <link rel="stylesheet" href="../css/public.css">
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/product.css">
</head>

<body>

  <!-- header start -->
  <header>
    <div class="top">
      <h1 class="logo"><img src="../img/logo_w.png" alt=""></h1>
      <div class="top_right" style="display: flex;">
        <em class="login a">登录</em>
        <em class="register b">注册</em>
      </div>
      <!-- <div class="selection" style="height: 100%; background-color: red;position: relative;">
        <div class="people">
          <div class="iconfont icon-gerenfill touxiang"></div>
          <span class="triangle"></span>
        </div>
        <ul style="display:none">
          <li><span class="iconfont icon-zerenren"></span>个人主页</li>
          <li><span class="iconfont icon-31gouwuche"></span>购物车</li>
          <li><span class="iconfont icon-tuichu"></span>退出登录</li>
        </ul>
      </div> -->
    </div>
  </header>


  <!-- nav start -->
  <nav>
    <ul>
      <li class="current"><a href="./index.html">首&nbsp;&nbsp;页</a></li>
      <li><a href="./introduce.html">店铺介绍</a></li>
      <li><a href="./news.html">宠物资讯</a></li>
      <li><a href="./product.html" class="current">宠物产品</a></li>
      <li><a href="./message.html">客户留言</a></li>
    </ul>
  </nav>

  <!-- banner start -->
  <div class="banner">
    <img src="../img/01.png">
  </div>

  <!-- mian start -->
  <main>
    <div class="c_nav">
      <ul>
        <li class="cur" id="food">食品</li>
        <li id="cosmetology">美容</li>
        <li id="clean">清洁</li>
        <li id="toy">玩具</li>
        <li id="clothing">服饰</li>
        <li id="discipline">训导</li>
        <li id="livingbody">活体</li>
      </ul>
    </div>
    <section>
      <div class="detail">
        <div class="goods">
         <div class="con_goods">
            <!--   <img src="https://g-search1.alicdn.com/img/bao/uploaded/i4/imgextra/i4/45106584/O1CN01GisySg1yVWVNgME1X_!!0-saturn_solar.jpg_580x580Q90.jpg_.webp" alt="">
            <div class="s_name">¥ 338.00 <i>包邮</i> <span>50人付款</span></div>
            <p>爱肯拿猫粮进口幼猫粮全价成猫鱼猫粮发腮增肥十大品牌排行5.4kg</p>
            <div class="shop">liao161449657 <em>上海</em></div>
          </div>
         <div class="con_goods">
            <img src="https://g-search1.alicdn.com/img/bao/uploaded/i4/imgextra/i4/45106584/O1CN01GisySg1yVWVNgME1X_!!0-saturn_solar.jpg_580x580Q90.jpg_.webp" alt="">
            <div class="s_name">¥338.00 <i>包邮</i> <span>50人付款</span></div>
            <p>爱肯拿猫粮进口幼猫粮全价成猫鱼猫粮发腮增肥十大品牌排行5.4kg</p>
            <div class="shop">liao161449657 <em>上海</em></div>
          </div>
          <div class="con_goods">
            <img src="https://g-search1.alicdn.com/img/bao/uploaded/i4/imgextra/i4/45106584/O1CN01GisySg1yVWVNgME1X_!!0-saturn_solar.jpg_580x580Q90.jpg_.webp" alt="">
            <div class="s_name">¥338.00 <i>包邮</i> <span>50人付款</span></div>
            <p>爱肯拿猫粮进口幼猫粮全价成猫鱼猫粮发腮增肥十大品牌排行5.4kg</p>
            <div class="shop">liao161449657 <em>上海</em></div>
          </div>
          <div class="con_goods">
            <img src="https://g-search1.alicdn.com/img/bao/uploaded/i4/imgextra/i4/45106584/O1CN01GisySg1yVWVNgME1X_!!0-saturn_solar.jpg_580x580Q90.jpg_.webp" alt="">
            <div class="s_name">¥338.00 <i>包邮</i> <span>50人付款</span></div>
            <p>爱肯拿猫粮进口幼猫粮全价成猫鱼猫粮发腮增肥十大品牌排行5.4kg</p>
            <div class="shop">liao161449657 <em>上海</em></div>
          </div> -->

        </div>
      </div>
      <div class="page">
        <i id="prevBtn"><</i>
        <span id="pageIndex">1</span>
        <span>/</span>
        <span id="pageAll"></span>
        <i id="nextBtn">></i>
      </div>
    </section>
  </main>


  <!-- footer start -->
  <footer>
    <div class="footerbg">
      <div class="f-top">
        <ul>
          <li>首页</li>
          <li>店铺介绍</li>
          <li>宠物资讯</li>
          <li>宠物产品</li>
          <li>客户留言</li>
        </ul>
      </div>
      <div class="f-mid">
        <p>Copyright©2002-2015 上海XXX科技有限公司 版权所有 Power by DedeCms</p>
      </div>
      <div class="f-bottom">
        <p>电话：0755-61881808</p>
        <p>邮箱：483957329@qq.com</p>
        <p>地址：上海第二工业大学（宝山校区）</p>
      </div>
    </div>
  </footer>
</body>
<script src="../js/module/product/a.js" type="module"></script>
<script src="../js/module/product/changepage.js" type="module"></script>

</html>